<!DOCTYPE html>
<html>
	<head>
		<meta charset="utf-8">
		<title></title>
		<style type="text/css">
			/*
			position与top,left,right,bottom是一起工作的
			top,left与right,bottom的属性值可以写负数。和写正数是相反的结果
			position
			    absolute:绝对定位，是从边框线开始的
				relative:相对定位，是从自己本身的位置开始的，会依然占据本来的位置,要清楚它用来的位置
			z-index:控制z轴。默认值按代码从上到下的顺序增长
			*/
		   
			#d1{
				position:absolute;
				top: 12.5rem;
			}
		</style>
	</head>
	<body>
		<div id="d1" style="background-color: #000000;width: 6.25rem;height: 6.25rem;"></div>
		<div id="d2" style="background-color: yellow;width: 6.25rem;height: 6.25rem;"></div>
	</body>
</html>
